<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
		
	<body>
		<button class="openMap">打开地图</button>
		<button class="startRec">开始录音</button>
		<button class="stopRec">结束录音</button>
		<button class="scan">扫一扫</button>
		<div style="margin-top: 5px;" class="playRec">播放录音</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript">
			//http://shuaiphp.com/jssdk_sample/sample/php/configInfo_shuai.php
			//http://shuaiwx.bluej.cn/jssdk/configInfo_shuai.php
			$.ajax({
				url: "http://shuaiphp.com/php/jssdk/configInfo_shuai.php",
				method: "post",
				dataType:"json",
				data:{"url":location.href.split('#')[0]},
				success:function(res) {
//					alert(res);
					console.log(res);
					//var res_ = JSON.parse(res);
					myjssdk(res);
//					console.log(res_);
					//console.log(location.href.split('#')[0]);
				}
			})

			function myjssdk(config) {
				wx.config({
<<<<<<< HEAD
					//debug: true,
					debug:false,
=======
//					debug: true,
>>>>>>> c67973ed75abe1bc6f1aca95e40f8837c9c7dd40
					appId: config.appId,
					timestamp: config.timestamp,
					nonceStr: config.nonceStr,
					signature: config.signature,
					jsApiList: [
						// 所有要调用的 API 都要加到这个列表中
						"previewImage", 'onMenuShareTimeline', 'getLocation', 'openLocation','startRecord','stopRecord','onVoiceRecordEnd','playVoice','stopVoice','translateVoice','scanQRCode'
					]
				});
				//
				wx.ready(function() {
	// 在这里调用 API

	wx.onMenuShareTimeline({
		title: '我们是严谨的程序员', // 分享标题
		link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
		imgUrl: 'http://imgsrc.baidu.com/image/c0%3Dshijue1%2C0%2C0%2C294%2C40/sign=971de28cc1ef7609280691dc46b4c9b9/4a36acaf2edda3cce7305e310be93901203f92cf.jpg', // 分享图标
		success: function() {
			// 用户确认分享后执行的回调函数
		},
		cancel: function() {
			// 用户取消分享后执行的回调函数
			alert("取消分享")
		}
	});
	var openMap = document.querySelector(".openMap");
	openMap.addEventListener("click", function() {
		wx.getLocation({
			type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
			success: function(res) {
				var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
				var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
				var speed = res.speed; // 速度，以米/每秒计
				var accuracy = res.accuracy; // 位置精度
				console.log(latitude, longitude);

				wx.openLocation({
					latitude: latitude, // 纬度，浮点数，范围为90 ~ -90
					longitude: longitude, // 经度，浮点数，范围为180 ~ -180。
					name: '津滨腾越', // 位置名
					address: '津滨腾越', // 地址详情说明
					scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
					infoUrl: 'http://www.bluej.cn' // 在查看位置界面底部显示的超链接,可点击跳转
				});

			}
		});
	})
	
	//开始录音
	var startRec = document.querySelector(".startRec");
	var stopRec = document.querySelector(".stopRec");
	var playRec = document.querySelector(".playRec");
	startRec.addEventListener("mousedown",function(){
		this.innerText = "正在录音";
		wx.startRecord();
	})
	var i = 0;
	stopRec.addEventListener("mousedown",function(){
		startRec.innerText = "开始录音";
		wx.stopRecord({
		    success: function (res) {
		        var localId = res.localId;
		        i++;
		        var item = $("<p>");
		        item.text("第"+i+"条录音");
		        item.data("id",localId);
		       	$(playRec).append(item);
		    }
		});
	})
	wx.onVoiceRecordEnd({
    // 录音时间超过一分钟没有停止的时候会执行 complete 回调
    complete: function (res) {
        var localId = res.localId; 
          var item = $("<p>");
		        i++;
		        var item = $("<p>");
		        item.text("第"+i+"条录音");
		        item.data("id",localId);
		       	$(playRec).append(item);
    }
});
	//点击播放
	$(playRec).on("click","p",function(){
		$(this).css("color","red");
		var _s = $(this);
		var localId = $(this).data("id");
		wx.playVoice({
		    localId: localId // 需要播放的音频的本地ID，由stopRecord接口获得
		});
		//语言识别
		wx.translateVoice({
		   localId: localId, // 需要识别的音频的本地Id，由录音相关接口获得
		    isShowProgressTips: 1, // 默认为1，显示进度提示
		    success: function (res) {
		        //alert(res.translateResult); // 语音识别的结果
		        var i = $("<i>");
		        i.html("-_-"+res.translateResult);
		        _s.append(i);
		    }
		});
	})
	//扫一扫
	var scanBtn = document.querySelector(".scan");
	scanBtn.addEventListener("touchstart",function(){
		wx.scanQRCode({
			    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
			    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
			    success: function (res) {
			    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
			}
		});
	})
	
})
			}
		</script>
		<!--<script src="js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>-->
	</body>

</html>